<script setup>
import {inject} from 'vue'
const sudoku = inject('sudoku')
</script>

<template>
  <div class="header">
    <h1 class="logo">
      <img src="../assets/logo.svg"/>
    </h1>
    <div class="side">
      <div class="help" @click="sudoku.showHelp = true">
        <img src="../assets/icons/doubt.svg" />
      </div>
      <div class="btn" @click="sudoku.showMenu = true" style="--wails-draggable: no-drag">
        <svg t="1716282554638" class="icon" viewBox="0 0 1024 1024" version="1.1"
             xmlns="http://www.w3.org/2000/svg" p-id="3862" id="mx_n_1716282554638" width="24" height="24">
          <path
              d="M411.2 469.6c29.5-3.3 53.3-25.4 59.1-54.1V90.6c-6.5-30.9-33.8-54.1-66.6-54.1h-0.5v-0.1H349v-0.1H98.6c-35.3 2.5-63.3 31.9-63.3 67.9v0.5h-0.1v54.1h-0.1v246c1.8 36 31.6 64.5 68 64.5h0.5v0.1h307.6z m-294.2-82V118.3h271.4v269.4H117z"
              fill="#1e293b" p-id="3863"></path>
          <path
              d="M389.3 387.8h-40.9 16.2c13.8-0.8 24.7-12.2 24.7-26.2v26.2zM116.8 388.6v-40.9 16.2c0.8 13.8 12.2 24.7 26.2 24.7h-26.2zM116.7 118h40.9-16.2c-13.8 0.8-24.7 12.2-24.7 26.2V118zM388.8 118v40.9-16.2c-0.8-13.8-12.2-24.7-26.2-24.7h26.2z"
              fill="#1e293b" p-id="3864"></path>
          <path
              d="M927.2 469.6c29.5-3.3 53.3-25.4 59.1-54.1V90.6c-6.5-30.9-33.8-54.1-66.6-54.1h-0.5v-0.1H865v-0.1H614.6c-35.3 2.5-63.3 31.9-63.3 67.9v0.5h-0.1v54.1h-0.1v246c1.8 36 31.6 64.5 68 64.5h0.5v0.1h307.6z m-294.2-82V118.3h271.4v269.4H633z"
              fill="#1e293b" p-id="3865"></path>
          <path
              d="M905.3 387.8h-40.9 16.2c13.8-0.8 24.7-12.2 24.7-26.2v26.2zM632.7 388.6v-40.9 16.2c0.8 13.8 12.2 24.7 26.2 24.7h-26.2zM632.6 118h40.9-16.2c-13.8 0.8-24.7 12.2-24.7 26.2V118zM904.7 118v40.9-16.2c-0.8-13.8-12.2-24.7-26.2-24.7h26.2z"
              fill="#1e293b" p-id="3866"></path>
          <path
              d="M411.2 984c29.5-3.3 53.3-25.4 59.1-54.1V605.1c-6.5-30.9-33.8-54.1-66.6-54.1H349v-0.1H98.6c-35.3 2.5-63.3 31.9-63.3 67.9v0.5h-0.1v54.1h-0.1v246c1.8 36 31.6 64.5 68 64.5h0.5v0.1h307.6zM117 902.1V632.8h271.4v269.4H117z"
              fill="#1e293b" p-id="3867" data-spm-anchor-id="a313x.collections_detail.0.i43.11ce3a810oyW7l"
              class="selected">
          </path>
          <path
              d="M389.3 902.3h-40.9 16.2c13.8-0.8 24.7-12.2 24.7-26.2v26.2zM116.8 903.1v-40.9 16.2c0.8 13.8 12.2 24.7 26.2 24.7h-26.2zM116.7 632.5h40.9-16.2c-13.8 0.8-24.7 12.2-24.7 26.2v-26.2zM388.8 632.5v40.9-16.2c-0.8-13.8-12.2-24.7-26.2-24.7h26.2z"
              fill="#1e293b" p-id="3868"></path>
          <path
              d="M927.2 984c29.5-3.3 53.3-25.4 59.1-54.1V605.1c-6.5-30.9-33.8-54.1-66.6-54.1H865v-0.1H614.6c-35.3 2.5-63.3 31.9-63.3 67.9v0.5h-0.1v54.1h-0.1v246c1.8 36 31.6 64.5 68 64.5h0.5v0.1h307.6zM633 902.1V632.8h271.4v269.4H633z"
              fill="#1e293b" p-id="3869"></path>
          <path
              d="M905.3 902.3h-40.9 16.2c13.8-0.8 24.7-12.2 24.7-26.2v26.2zM632.7 903.1v-40.9 16.2c0.8 13.8 12.2 24.7 26.2 24.7h-26.2zM632.6 632.5h40.9-16.2c-13.8 0.8-24.7 12.2-24.7 26.2v-26.2zM904.7 632.5v40.9-16.2c-0.8-13.8-12.2-24.7-26.2-24.7h26.2z"
              fill="#1e293b" p-id="3870"></path>
        </svg>
      </div>
    </div>
  </div>
</template>